<template>
	<view class="all">
		<!-- 导航栏 -->
		<navigation title="申请成单"></navigation>
		<!-- 合同信息 -->
		<view class="customer">
			<view class="title">合同信息</view>
			<view class="customer_info">
				<view class="box" style="position: relative;">
					<view class="">
						<text style="color: red;">*</text>
						<text>订单类型</text>
					</view>
					<picker disabled="" @change="chooseOrderType" :range="newsTypeList">
						<view class="choose">
							<text :class="orderIndex !== '' ? 'active' : ''">{{ orderIndex === '' ? '请选择' : newsTypeList[orderIndex] }}</text>
							<image v-if="orderIndex === ''" src="../../static/images/right.png" mode=""></image>
						</view>
					</picker>
				</view>
				<view class="box" style="position: relative;">
					<view class="">
						<text style="color: red;">*</text>
						<text>定单归属公司</text>
					</view>
					<picker @change="chooseCompany" range-key="title" :range="companyList">
						<view class="choose" v-if="companyList.length > 1">
							<text :class="companyIndex !== '' ? 'active' : ''">{{ companyIndex === '' ? '请选择' : companyList[companyIndex].title }}</text>
							<image v-if="companyIndex === ''" src="../../static/images/right.png" mode=""></image>
						</view>
					</picker>
					<icon
						v-if="companyIndex !== ''"
						type="clear"
						size="22upx"
						style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
						@click="orderdeleteCompany"
					></icon>
				</view>
				<view class="box" style="position: relative;">
					<view class="">
						<text style="color: red;">*</text>
						<text>合作模式</text>
					</view>
					<picker @change="choosePattern" range-key="title" :range="cooperationModeList">
						<view class="choose">
							<text :class="patternIndex !== '' ? 'active' : ''">{{ patternIndex === '' ? '请选择' : cooperationModeList[patternIndex].title }}</text>
							<image v-if="patternIndex === ''" src="../../static/images/right.png" mode=""></image>
						</view>
					</picker>
					<icon
						v-if="patternIndex !== ''"
						type="clear"
						size="22upx"
						style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
						@click="deletePattern"
					></icon>
				</view>
				<view class="box">
					<view class="">
						<text style="color: red;">*</text>
						<text>合同编号</text>
					</view>
					<input type="text" @blur="checkContract" v-model="order.contract_no" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>

				<view class="box" style="position: relative;">
					<view class="">
						<text style="color: red;">*</text>
						<text>酒店名称</text>
					</view>
					<view class="">
						<text style="color: #999999;" @click="jumpSearchHotel()" v-if="!order.hotel_text">请搜索</text>
						<text v-if="order.hotel_text" style="margin-right: 20upx;">{{ order.hotel_text }}</text>
						<icon v-if="order.hotel_text" class="icon" style="vertical-align: middle;" type="clear" size="22upx" @click="deleteHotel"></icon>
					</view>
				</view>
				<view class="box">
					<text>宴会厅</text>
					<input type="text" v-model="order.banquet_hall_name" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">
					<view class="">
						<text style="color: red;">*</text>
						<text>新郎姓名</text>
					</view>
					<input type="text" v-model="order.bridegroom" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">
					<view class="">
						<text style="color: red;">*</text>
						<text>新郎电话</text>
					</view>
					<input type="number" v-model="order.bridegroom_mobile" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">
					<view class="">
						<text style="color: red;">*</text>
						<text>新娘姓名</text>
					</view>
					<input type="text" v-model="order.bride" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">
					<view class="">
						<text style="color: red;">*</text>
						<text>新娘电话</text>
					</view>
					<input type="number" v-model="order.bride_mobile" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box" style="position: relative;">
					<view class="">
						<text style="color: red;">*</text>
						<text>签约时间</text>
					</view>
					<view class="timeChoose">
						<timeSelector showType="yearToMinute" @btnConfirm="sign_dateConfirm">
							<text style="margin-right: 60upx;" :class="order.sign_date !== '' ? 'active' : ''">{{ order.sign_date === '' ? '请选择' : order.sign_date }}</text>
							<image
								style="position: absolute;right: 4%; top:50%;transform: translateY(-50%);"
								v-if="order.sign_date === ''"
								src="../../static/images/right.png"
								mode=""
							></image>
						</timeSelector>
					</view>
					<icon
						v-if="order.sign_date !== ''"
						type="clear"
						size="22upx"
						style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
						@click="deleteSignTime"
					></icon>
				</view>
				<view class="box" style="position: relative;">
					<view class="">
						<text style="color: red;">*</text>
						<text>举办时间</text>
					</view>
					<view class="timeChoose">
						<timeSelector showType="yearToMinute" @btnConfirm="event_dateConfirm">
							<text style="margin-right: 60upx;" :class="order.event_date !== '' ? 'active' : ''">{{ order.event_date === '' ? '请选择' : order.event_date }}</text>
							<image
								style="position: absolute;right: 4%; top:50%;transform: translateY(-50%);"
								v-if="order.event_date === ''"
								src="../../static/images/right.png"
								mode=""
							></image>
						</timeSelector>
					</view>
					<icon
						v-if="order.event_date !== ''"
						type="clear"
						size="22upx"
						style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
						@click="deleteEvenTime"
					></icon>
				</view>
				<view class="box">
					<text>身份证号</text>
					<input type="text" v-model="order.idcard" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">
					<text>家庭住址</text>
					<input type="text" v-model="order.home_address" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<!-- <view class="box">
					<text>赠送积分</text>
					<input type="number" v-model="order.score" placeholder="请输入" placeholder-style="color:#999999;" />
				</view> -->
			</view>
		</view>
		<!-- 合同信息结束 -->

		<!-- 客人信息 -->
		<view class="customer">
			<view class="title">客人信息</view>
			<view class="customer_info">
				<view class="box">
					<text>客户姓名</text>
					<input type="text" v-if="member" v-model="member.realname" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">
					<text type="number">客户手机号</text>
					<text class="t2" v-if="member">{{ member.mobile }}</text>
				</view>
				<view class="box">
					<text>客户渠道</text>
					<text class="t2" v-if="member">{{ member.source_text }}</text>
				</view>
				<view class="box">
					<text>引流销售</text>
					<input type="text" v-model="order.recommend_salesman" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">
					<text>积点</text>
					<input type="text" v-model="order.point" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="remark">
					<text>备注</text>
					<textarea maxlength="-1" type="text" v-model="order.remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
				</view>
			</view>
		</view>
		<!-- 客人信息结束 -->

		<!-- 删除弹框 -->
		<view class="deleteModel" v-if="isDelete">
			<view class="con">
				<view class="title">你确定删除XX的明细1吗？</view>
				<view class="deleteBtn">
					<button class="btns btn1" type="default">取消</button>
					<button class="btns btn2" type="default">确定</button>
				</view>
			</view>
		</view>

		<!-- 项目弹窗 -->
		<view class="line"></view>
		<picker @change="bindPickerChange" range-key="title" :range="array">
			<!-- 添加按钮 -->
			<view class="addProject">
				<text>+</text>
				<text>添加项目</text>
			</view>
		</picker>
		<!-- 项目弹窗结束 -->

		<!-- 明细 -->
		<view class="alldetail" v-for="(item, index) in indexs" :key="index">
			<!-- 酒店协议 -->
			<view class="hotelService" v-if="item == 0">
				<view class="title">
					<text class="name">酒店协议</text>
					<text class="delete" @click="deletePro(index)">删除</text>
				</view>
				<view class="content">
					<view class="box">
						<view class="">
							<text style="color: red;"></text>
							<text>LED屏数量</text>
						</view>
						<input type="digit" v-model="hotelProtocol.led_amount" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<view class="">
							<text style="color: red;"></text>
							<text>LED屏价格</text>
						</view>
						<input type="digit" v-model="hotelProtocol.led" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<commonPicker leftTitle="仪式" @echoValue="echoValueFn" :rightValueId="hotelProtocol.ritual_id" name="ritualPicker"></commonPicker>
					<view class="box">
						<text>仪式价格</text>
						<input type="digit" v-model="hotelProtocol.ritual" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>

					<view class="box">
						<text>婚房数量</text>
						<input type="digit" v-model="hotelProtocol.wedding_room_amount" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>婚房价格</text>
						<input type="digit" v-model="hotelProtocol.wedding_room" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>停车位数量</text>
						<input type="digit" v-model="hotelProtocol.part_amount" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>停车位价格</text>
						<input type="digit" v-model="hotelProtocol.part" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>香槟数量</text>
						<input type="digit" v-model="hotelProtocol.champagne_amount" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>香槟价格</text>
						<input type="digit" v-model="hotelProtocol.champagne" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>茶歇数量</text>
						<input type="digit" v-model="hotelProtocol.tea_amount" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>茶歇价格</text>
						<input type="digit" v-model="hotelProtocol.tea" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>蛋糕数量</text>
						<input type="digit" v-model="hotelProtocol.cake_amount" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>蛋糕价格</text>
						<input type="digit" v-model="hotelProtocol.cake" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>进场费</text>
						<input type="digit" v-model="hotelProtocol.celebration_admission_fee" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>其他费用</text>
						<input type="digit" v-model="hotelProtocol.other_fee" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<view class="">
							<text style="color: red;">*</text>
							<text>付款总计金额</text>
						</view>
						<input type="digit" v-model="pay_hotel_totals" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>

					<!-- 合同照片 -->
					<view class="line"></view>
					<view class="photo">
						<text>合同照片</text>
						<view style="display: flex;justify-content: left;">
							<view class="addPic" v-for="(item, index) in hotelProtocol.image" :key="index">
								<image :src="item" mode="widthFix"></image>
								<uni-icons
									@click="deleteImageArray(index, 'image', 'hotelProtocol')"
									type="minus-filled"
									size="10"
									color="red"
									style="position: absolute;right:-30upx;top: 0;"
								></uni-icons>
							</view>
							<view class="addPic" @click="chooseImage('image', 'hotelProtocol')"><image src="../../static/add.png" mode="" ></image></view>
						</view>
					</view>
				</view>
			</view>
			<!-- 酒店服务项目 -->
			<view class="hotelService" v-if="item == 1">
				<view class="title">
					<text class="name">酒店服务项目</text>
					<text class="delete" @click="deletePro(index)">删除</text>
				</view>
				<view class="content">
					<view class="box">
						<text>婚房数量</text>
						<input type="digit" v-model="hotelItem.wedding_room_amount" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>婚房价格</text>
						<input type="digit" v-model="hotelItem.wedding_room" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>停车位数量</text>
						<input type="digit" v-model="hotelItem.part_amount" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>停车位价格</text>
						<input type="digit" v-model="hotelItem.part" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>香槟数量</text>
						<input type="digit" v-model="hotelItem.champagne_amount" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>香槟价格</text>
						<input type="digit" v-model="hotelItem.champagne" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>茶歇数量</text>
						<input type="digit" v-model="hotelItem.tea_amount" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>茶歇价格</text>
						<input type="digit" v-model="hotelItem.tea" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>蛋糕数量</text>
						<input type="digit" v-model="hotelItem.cake_amount" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>蛋糕价格</text>
						<input type="digit" v-model="hotelItem.cake" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
				</view>
			</view>
			<!-- 婚宴基本信息 -->
			<view class="hotelService" v-if="item == 2">
				<view class="title">
					<text class="name">婚宴基本信息</text>
					<text class="delete" @click="deletePro(index)">删除</text>
				</view>
				<view class="content">
					<view class="box" style="position: relative;">
						<view class="">
							<text style="color: red;">*</text>
							<text>定单执行公司</text>
						</view>
						<picker @change="chooseBanquet" range-key="title" :range="companyList">
							<view class="choose" v-if="companyList.length > 1">
								<text :class="Banquet_companyIndex !== '' ? 'active' : ''">
									{{ Banquet_companyIndex === '' ? '请选择' : companyList[Banquet_companyIndex].title }}
								</text>
								<image v-if="Banquet_companyIndex === ''" src="../../static/images/right.png" mode=""></image>
							</view>
						</picker>
						<icon
							v-if="Banquet_companyIndex !== ''"
							type="clear"
							size="22upx"
							style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
							@click="BanquetdeleteCompany"
						></icon>
					</view>
					<view class="box">
						<view class="">
							<text style="color: red;">*</text>
							<text>桌数</text>
						</view>
						<input type="digit" @input="TableNumber" v-model="banquet.table_amount" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<view class="">
							<text style="color: red;">*</text>
							<text>餐标</text>
						</view>
						<input type="digit" @input="diningStandard" v-model="banquet.table_price" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>优惠金额</text>
						<input type="digit" @input="discountAmountFn" v-model="banquet.banquet_discount" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>餐饮总金额</text>
						<input type="digit" v-model="banquet.food_totals" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>

					<view class="box">
						<text>服务费总计</text>
						<input type="digit" @input="serviceTotal" v-model="banquet.service_fee" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>酒水费用</text>
						<input type="digit" @input="beverageCost" v-model="banquet.wine_fee" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>加菜换菜</text>
						<input type="digit" @input="AddfoodFood" v-model="banquet.banquet_update_table" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box" style="position: relative;">
						<text>选择仪式</text>
						<picker @change="chooseRite" range-key="title" :range="ritualList">
							<view class="choose">
								<text :class="riteIndex !== '' ? 'active' : ''">{{ riteIndex === '' ? '请选择' : banquet.banquet_ritual_text }}</text>
								<image v-if="riteIndex === ''" src="@/static/images/right.png" mode=""></image>
							</view>
						</picker>
						<icon v-if="riteIndex !== ''" type="clear" size="22upx" style="position: absolute;right:2%;top:50%;transform: translateY(-50%);" @click="deleteRite"></icon>
					</view>
					<view class="box">
						<text>仪式价格</text>
						<input type="digit" @input="servicePrice" v-model="banquet.banquet_ritual_hall" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>其他金额</text>
						<input type="text" @input="otherPrice" v-model="banquet.banquet_other" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<text>婚宴总金额</text>
						<input type="digit" v-model="banquet.banquet_totals" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="remark">
						<text>备注</text>
						<textarea maxlength="-1" type="text" v-model="banquet.banquet_remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
					</view>
				</view>
			</view>
			<!-- 婚庆基本信息 -->
			<view class="hotelService" v-if="item == 3">
				<view class="title">
					<text class="name">婚庆基本信息</text>
					<text class="delete" @click="deletePro(index)">删除</text>
				</view>
				<view class="content">
					<view class="box" style="position: relative;">
						<view class="">
							<text style="color: red;">*</text>
							<text>定单执行公司</text>
						</view>
						<picker @change="chooseWedding" range-key="title" :range="companyList">
							<view class="choose" v-if="companyList.length > 1">
								<text :class="wedding_companyIndex !== '' ? 'active' : ''">
									{{ wedding_companyIndex === '' ? '请选择' : companyList[wedding_companyIndex].title }}
								</text>
								<image v-if="wedding_companyIndex === ''" src="../../static/images/right.png" mode=""></image>
							</view>
						</picker>
						<icon
							v-if="wedding_companyIndex !== ''"
							type="clear"
							size="22upx"
							style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
							@click="weddingdeleteCompany"
						></icon>
					</view>
					<view class="box" style="position: relative;">
						<text>选择套餐</text>
						<picker @change="chooseCombo" range-key="title" :range="packageList">
							<view class="choose" v-if="packageList.length > 1">
								<text :class="comboIndex !== '' ? 'active' : ''">{{ comboIndex === '' ? '请选择' : wedding.wedding_package_text }}</text>
								<image v-if="comboIndex === ''" src="../../static/images/right.png" mode=""></image>
							</view>
						</picker>
						<icon
							v-if="comboIndex !== ''"
							type="clear"
							size="22upx"
							style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
							@click="deleteCombo"
						></icon>
					</view>
					<view class="box">
						<view class="">
							<text style="color: red;">*</text>
							<text>婚庆套餐价</text>
						</view>
						<input type="digit" v-model="wedding.wedding_package_price" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box" style="position: relative;">
						<text>选择仪式</text>
						<picker @change="chooseCeremony" range-key="title" :range="ritualList">
							<view class="choose" v-if="ritualList.length > 1">
								<text :class="ceremonyIndex !== '' ? 'active' : ''">{{ ceremonyIndex === '' ? '请选择' : wedding.wedding_ritual_text }}</text>
								<image v-if="ceremonyIndex === ''" src="../../static/images/right.png" mode=""></image>
							</view>
						</picker>
						<icon
							v-if="ceremonyIndex !== ''"
							type="clear"
							size="22upx"
							style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
							@click="deleteCeremony"
						></icon>
					</view>
					<view class="box">
						<text>仪式价格</text>
						<input type="digit" v-model="wedding.wedding_ritual_hall" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>

					<view class="box">
						<text>其他金额</text>
						<input type="digit" v-model="wedding.wedding_other" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box">
						<view class="">
							<text style="color: red;">*</text>
							<text>婚庆总金额</text>
						</view>
						<input type="digit" v-model="wedding.wedding_totals" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="box" style="position: relative;">
						<text>是否研发产品</text>
						<picker @change="chooseResearch" :value="researchIndex" :range="researchType">
							<view class="choose">
								<text :class="researchIndex !== 0 ? 'active' : ''">{{ researchType[researchIndex] }}</text>
								<image v-if="researchIndex === 0" src="../../static/images/right.png" mode=""></image>
							</view>
						</picker>
						<icon
							v-if="researchIndex !== 0"
							type="clear"
							size="22upx"
							style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
							@click="deleteResearch"
						></icon>
					</view>
					<view class="box">
						<text>研发产品编号</text>
						<input type="text" v-model="wedding.new_product_no" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="remark">
						<text>备注</text>
						<textarea maxlength="-1" type="text" v-model="wedding.wedding_remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
					</view>
				</view>
			</view>
			<!-- 婚车业务  -->
			<view class="hotelService" v-if="item == 4">
				<view>
					<view class="title">
						<text class="name">婚车</text>
						<text class="delete" @click="deletePro(index)">删除</text>
					</view>
					<view class="content">
						<view class="box" style="position: relative;">
							<view class="">
								<text style="color: red;">*</text>
								<text>定单执行公司</text>
							</view>
							<picker @change="chooseCarCompany" range-key="title" :range="companyList">
								<view class="choose" v-if="companyList.length > 1">
									<text :class="Car_companyIndex !== '' ? 'active' : ''">{{ Car_companyIndex === '' ? '请选择' : companyList[Car_companyIndex].title }}</text>
									<image v-if="Car_companyIndex === ''" src="../../static/images/right.png" mode=""></image>
								</view>
							</picker>
							<icon
								v-if="Car_companyIndex !== ''"
								type="clear"
								size="22upx"
								style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
								@click="deleteCar_Company"
							></icon>
						</view>
						<view class="box" style="position: relative;">
							<text>主车型号</text>
							<view class="">
								<text style="color: #999999;" @click="jumpCar()" v-if="!car.master_car_text">请搜索</text>
								<text v-if="car.master_car_text" style="margin-right: 20upx;">{{ car.master_car_text }}</text>
								<icon v-if="car.master_car_text" type="clear" size="22upx" style="vertical-align: middle;" @click="deleteCar"></icon>
							</view>
						</view>
						<view class="box">
							<text>主车数量</text>
							<input type="digit" v-model="car.master_car_amount" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="box">
							<text>主车费用</text>
							<input type="digit" v-model="car.master_car_price" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="box" style="position: relative;">
							<text>跟车型号</text>
							<view class="">
								<text style="color: #999999;" @click="jumpFollow()" v-if="!car.slave_car_text">请搜索</text>
								<text v-if="car.slave_car_text" style="margin-right: 20upx;">{{ car.slave_car_text }}</text>
								<icon v-if="car.slave_car_text" class="icon" style="vertical-align: middle;" type="clear" size="22upx" @click="deleteFollow"></icon>
							</view>
						</view>
						<view class="box">
							<text>跟车数量</text>
							<input type="digit" v-model="car.slave_car_amount" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="box">
							<text>跟车费用</text>
							<input type="digit" v-model="car.slave_car_price" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="box">
							<text>婚车服务时长</text>
							<input type="digit" v-model="car.service_hour" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="box">
							<text>婚车服务距离</text>
							<input type="digit" v-model="car.service_distance" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="remark">
							<text>备注</text>
							<textarea maxlength="-1" type="text" v-model="car.car_remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
						</view>
					</view>
				</view>
			</view>
			<!-- 喜糖信息 -->
			<view class="hotelService" v-if="item == 5">
				<view v-for="(items, indexs) in sugar" :key="indexs">
					<view class="title">
						<text class="name">喜糖信息({{ indexs + 1 }})</text>
						<text class="delete" @click="deleteSuger(indexs)">删除</text>
					</view>
					<view class="content">
						<!-- sugar_id -->
						<view class="box" style="position: relative;">
							<text>品牌</text>
							<picker @change="chooseSuger" :data-type="indexs" range-key="title" :range="sugarList">
								<view class="choose" v-if="JSON.stringify(sugarList) != '[]'">
									<text :class="items.sugerIndex !== '' ? 'active' : ''">{{ items.sugerIndex === '' ? '请选择' : sugar[indexs].sugar_text }}</text>
									<image v-if="items.sugerIndex === ''" src="../../static/images/right.png" mode=""></image>
								</view>
							</picker>
							<icon
								v-if="items.sugerIndex !== ''"
								type="clear"
								size="22upx"
								style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
								@click="deleteTang(indexs)"
							></icon>
						</view>
						<view class="box">
							<view class="">
								<text style="color: red;">*</text>
								<text>数量</text>
							</view>
							<input type="digit" v-model="items.sugar_amount" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="box">
							<view class="">
								<text style="color: red;">*</text>
								<text>金额</text>
							</view>
							<input type="digit" v-model="items.sugar_price" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="remark">
							<text>备注</text>
							<textarea maxlength="-1" type="text" v-model="items.sugar_remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
						</view>
					</view>
				</view>
				<view class="addDetail" @click="dessertFn">增加明细</view>
			</view>
			<!-- 酒水信息 -->
			<view class="hotelService" v-if="item == 6">
				<view v-for="(itemW, indexW) in wine" :key="indexW">
					<view class="title">
						<text class="name">酒水信息({{ indexW + 1 }})</text>
						<text class="delete" @click="deleteWine(indexW)">删除</text>
					</view>
					<view class="content">
						<!-- wine_id -->
						<view class="box" style="position: relative;">
							<text>品牌</text>
							<picker @change="chooseWine" :data-type="indexW" range-key="title" :range="wineList">
								<view class="choose" v-if="JSON.stringify(wineList) != '[]'">
									<text :class="itemW.wineIndex !== '' ? 'active' : ''">{{ itemW.wineIndex === '' ? '请选择' : wine[indexW].wine_text }}</text>
									<image v-if="itemW.wineIndex === ''" src="../../static/images/right.png" mode=""></image>
								</view>
							</picker>
							<icon
								v-if="itemW.wineIndex !== ''"
								type="clear"
								size="22upx"
								style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
								@click="deleteJiu(indexW)"
							></icon>
						</view>
						<view class="box">
							<text>数量</text>
							<input type="digit" v-model="itemW.wine_amount" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="box">
							<text>金额</text>
							<input type="digit" v-model="itemW.wine_price" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="remark">
							<text>备注</text>
							<textarea maxlength="-1" type="text" v-model="itemW.wine_remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
						</view>
					</view>
				</view>
				<view class="addDetail" @click="addWine">增加明细</view>
			</view>
			<!-- 点心信息 -->
			<view class="hotelService" v-if="item == 7">
				<view v-for="(itemD, indexD) in dessert" :key="indexD">
					<view class="title">
						<text class="name">点心信息({{ indexD + 1 }})</text>
						<text class="delete" @click="deleteDessert(indexD)">删除</text>
					</view>
					<view class="content">
						<!-- dessert_id -->
						<view class="box" style="position: relative;">
							<text>品牌</text>
							<picker @change="chooseDessert" :data-type="indexD" range-key="title" :range="dessertList">
								<view class="choose" v-if="JSON.stringify(dessertList) != '[]'">
									<text :class="itemD.dessertIndex !== '' ? 'active' : ''">{{ itemD.dessertIndex === '' ? '请选择' : dessert[indexD].dessert_text }}</text>
									<image v-if="itemD.dessertIndex === ''" src="../../static/images/right.png" mode=""></image>
								</view>
							</picker>
							<icon
								v-if="itemD.dessertIndex !== ''"
								type="clear"
								size="22upx"
								style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
								@click="deleteDian(indexD)"
							></icon>
						</view>
						<view class="box">
							<text>数量</text>
							<input type="digit" v-model="itemD.dessert_amount" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="box">
							<text>金额</text>
							<input type="digit" v-model="itemD.dessert_price" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="remark">
							<text>备注</text>
							<textarea maxlength="-1" type="text" v-model="itemD.dessert_remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
						</view>
					</view>
				</view>
				<view class="addDetail" @click="addDessert">增加明细</view>
			</view>
			<!-- LED信息 -->
			<view class="hotelService" v-if="item == 8">
				<view v-for="(itemL, indexL) in led" :key="indexL">
					<view class="title">
						<text class="name">LED信息({{ indexL + 1 }})</text>
						<text class="delete" @click="deleteLED(indexL)">删除</text>
					</view>
					<view class="content">
						<!-- led_id -->
						<view class="box" style="position: relative;">
							<text>品牌</text>
							<picker @change="chooseLED" :data-type="indexL" range-key="title" :range="ledList">
								<view class="choose" v-if="JSON.stringify(ledList) != '[]'">
									<text :class="itemL.ledIndex !== '' ? 'active' : ''">{{ itemL.ledIndex === '' ? '请选择' : led[indexL].led_text }}</text>
									<image v-if="itemL.ledIndex === ''" src="../../static/images/right.png" mode=""></image>
								</view>
							</picker>
							<icon
								v-if="itemL.ledIndex !== ''"
								type="clear"
								size="22upx"
								style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
								@click="deleteLedChoose(indexL)"
							></icon>
						</view>
						<view class="box">
							<text>数量</text>
							<input type="digit" v-model="itemL.led_amount" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="box">
							<text>金额</text>
							<input type="digit" v-model="itemL.led_price" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="remark">
							<text>备注</text>
							<textarea maxlength="-1" type="text" v-model="itemL.led_remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
						</view>
					</view>
				</view>
				<view class="addDetail" @click="addLED">增加明细</view>
			</view>
			<!-- 灯光信息 -->
			<view class="hotelService" v-if="item == 9">
				<view v-for="(itemT, indexT) in light" :key="indexT">
					<view class="title">
						<text class="name">灯光信息({{ indexT + 1 }})</text>
						<text class="delete" @click="deleteLight(indexT)">删除</text>
					</view>
					<view class="content">
						<!-- light_id -->
						<view class="box" style="position: relative;">
							<text>品牌</text>
							<picker @change="chooseLight" :data-type="indexT" range-key="title" :range="lightList">
								<view class="choose" v-if="JSON.stringify(lightList) != '[]'">
									<text :class="itemT.lightIndex !== '' ? 'active' : ''">{{ itemT.lightIndex === '' ? '请选择' : light[indexT].light_text }}</text>
									<image v-if="itemT.lightIndex === ''" src="../../static/images/right.png" mode=""></image>
								</view>
							</picker>
							<icon
								v-if="itemT.lightIndex !== ''"
								type="clear"
								size="22upx"
								style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
								@click="deleteLightChoose(indexT)"
							></icon>
						</view>
						<view class="box">
							<text>数量</text>
							<input type="digit" v-model="itemT.light_amount" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="box">
							<text>金额</text>
							<input type="digit" v-model="itemT.light_price" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="remark">
							<text>备注</text>
							<textarea maxlength="-1" type="text" v-model="itemT.light_remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
						</view>
					</view>
				</view>
				<view class="addDetail" @click="addLight">增加明细</view>
			</view>
			<!-- 3D业务 -->
			<view class="hotelService" v-if="item == 10">
				<view v-for="(itemF, indexF) in d3" :key="indexF">
					<view class="title">
						<text class="name">3D业务({{ indexF + 1 }})</text>
						<text class="delete" @click="deleteF(indexF)">删除</text>
					</view>
					<view class="content">
						<!-- d3_id -->
						<view class="box" style="position: relative;">
							<text>品牌</text>
							<picker @change="chooseThree" :data-type="indexF" range-key="title" :range="d3List">
								<view class="choose" v-if="JSON.stringify(d3List) != '[]'">
									<text :class="itemF.threeIndex !== '' ? 'active' : ''">{{ itemF.threeIndex === '' ? '请选择' : d3[indexF].d3_text }}</text>
									<image v-if="itemF.threeIndex === ''" src="../../static/images/right.png" mode=""></image>
								</view>
							</picker>
							<icon
								v-if="itemF.threeIndex !== ''"
								type="clear"
								size="22upx"
								style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
								@click="deleteThree(indexF)"
							></icon>
						</view>
						<view class="box">
							<text>数量</text>
							<input type="digit" v-model="itemF.d3_amount" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="box">
							<text>金额</text>
							<input type="digit" v-model="itemF.d3_price" placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="remark">
							<text>备注</text>
							<textarea maxlength="-1" type="text" v-model="itemF.d3_remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
						</view>
					</view>
				</view>
				<view class="addDetail" @click="addF">增加明细</view>
			</view>
			<!-- 添加收款信息 -->
			<view class="hotelService" v-if="item == 11">
				<view class="title">
					<text class="name">添加收款信息</text>
					<text class="delete" @click="deletePro(index)">删除</text>
				</view>
				<view class="content">
					<view class="box">
						<view class="">
							<text style="color: red;">*</text>
							<text>收据编号</text>
						</view>
						<input type="text" v-model="income.receivable_no" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<!-- wedding_income_date -->
					<view class="box" style="position: relative;">
						<view class="">
							<text style="color: red;">*</text>
							<text>收款日期</text>
						</view>
						<timeSelector showType="yearToMinute" @btnConfirm="getMoneyDate">
							<view class="choose" v-if="income.income_date == ''">
								<text>请选择</text>
								<image src="../../static/images/right.png" mode=""></image>
							</view>
							<view v-else class="choose" style="margin-right: 50upx;">{{ income.income_date }}</view>
						</timeSelector>

						<icon
							v-if="income.income_date != ''"
							type="clear"
							size="22upx"
							style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
							@click="deletegetMoney"
						></icon>
					</view>
					<!-- income_payment -->
					<view class="box" style="position: relative;">
						<view class="">
							<text style="color: red;">*</text>
							<text>收款方式</text>
						</view>
						<picker @change="chooseMoneyType" range-key="title" :range="payments">
							<view class="choose">
								<text :class="moneyTypeIndex !== '' ? 'active' : ''">{{ moneyTypeIndex === '' ? '请选择' : income.income_payment_text }}</text>
								<image v-if="moneyTypeIndex === ''" src="../../static/images/right.png" mode=""></image>
							</view>
						</picker>
						<icon
							v-if="moneyTypeIndex !== ''"
							type="clear"
							size="22upx"
							style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
							@click="deleteMoneyType"
						></icon>
					</view>
					<!-- income_type -->
					<view class="box" style="position: relative;">
						<view class="">
							<text style="color: red;">*</text>
							<text>款项性质</text>
						</view>
						<picker @change="income_typeFn" range-key="title" :range="property">
							<view class="choose">
								<text :class="income.income_type !== '' ? 'active' : ''">{{ income.income_type === '' ? '请选择' : income.income_type_text }}</text>
								<image v-if="income.income_type === ''" src="../../static/images/right.png" mode=""></image>
							</view>
						</picker>
						<icon v-if="income.income_type !== ''" type="clear" size="22upx" style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"></icon>
						<!-- @click="deleteincome_typeFn" -->
					</view>
					<view class="box">
						<view class="">
							<text style="color: red;">*</text>
							<text>收款金额</text>
						</view>
						<input type="digit" v-model="income.income_item_price" placeholder="请输入" placeholder-style="color:#999999;" />
					</view>
					<view class="remark">
						<text>备注</text>
						<textarea maxlength="-1" type="text" v-model="income.income_remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
					</view>
				</view>

				<!-- 收据照片 -->
				<view class="line"></view>
				<view class="photo">
					<text>收据照片</text>
					<view style="display: flex;justify-content: left;">
						<view class="addPic" v-for="(item, index) in income.receipt_imgArray" :key="index">
							<image :src="item" mode="widthFix" ></image>
							<uni-icons
								@click="deleteImageArray(index, 'receipt_imgArray', 'income')"
								type="minus-filled"
								size="10"
								color="red"
								style="position: absolute;right:-30upx;top: 0;"
							></uni-icons>
						</view>
						<view class="addPic" @click="chooseImage('receipt_imgArray', 'income')"><image src="@/static/add.png" mode="" ></image></view>
					</view>
				</view>
				<!-- 收据照片结束 -->

				<!-- 小票或收款截图照片 -->
				<!-- <view class="line"></view> -->
				<view class="photo">
					<text>小票或收款截图照片</text>
					<view style="display: flex;justify-content: left;">
						<view class="addPic" v-for="(item, index) in income.note_imgArray" :key="index">
							<image :src="item" mode="widthFix" ></image>
							<uni-icons
								@click="deleteImageArray(index, 'note_imgArray', 'income')"
								type="minus-filled"
								size="10"
								color="red"
								style="position: absolute;right:-30upx;top: 0;"
							></uni-icons>
						</view>
						<view class="addPic" @click="chooseImage('note_imgArray', 'income')"><image src="@/static/add.png" mode="" ></image></view>
					</view>
				</view>
				<!-- 小票或收款截图照片结束 -->
			</view>
		</view>
		<!-- 明细结束 -->
		<uni-popup ref="popups" type="dialog" style="z-index: 999;">
			<uni-popup-dialog
				type="input"
				message="成功消息"
				title="提示"
				content="你确定要删除该项目吗?"
				:duration="2000"
				confirmText="确定"
				cancelText="取消"
				:before-close="true"
				@close="closes"
				@confirm="confirms"
			></uni-popup-dialog>
		</uni-popup>

		<!-- 合同金额 -->
		<view class="customer">
			<view class="title">合同金额</view>
			<view class="customer_info">
				<view class="box" style="position: relative;">
					<view class="">
						<text style="color: red;">*</text>
						<text>定金收款日期</text>
					</view>
					<timeSelector showType="yearToMinute" @btnConfirm="payDateChange">
						<view class="choose" v-if="order.earnest_money_date == ''">
							<text>{{ order.earnest_money_date ? order.earnest_money_date : '请选择' }}</text>
							<image src="@/static/images/right.png" mode=""></image>
						</view>
						<view v-else class="choose" style="margin-right: 50upx;">{{ order.earnest_money_date }}</view>
					</timeSelector>
					<icon
						v-if="order.earnest_money_date != ''"
						type="clear"
						size="22upx"
						style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
						@click="deletePayDate"
					></icon>
				</view>
				<view class="box">
					<view class="">
						<text style="color: red;">*</text>
						<text>定金收款金额</text>
					</view>
					<input type="digit" @input="Downpaymentamount" v-model="order.earnest_money" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box" style="position: relative;">
					<!-- middle_money_date -->
					<view class="">
						<text style="color: red;">*</text>
						<text>中款收款日期</text>
					</view>
					<timeSelector showType="yearToMinute" @btnConfirm="middleDateChange">
						<view class="choose" v-if="order.middle_money_date == ''">
							<text>{{ order.middle_money_date ? order.middle_money_date : '请选择' }}</text>
							<image src="@/static/images/right.png" mode=""></image>
						</view>
						<view v-else class="choose" style="margin-right: 50upx;">{{ order.middle_money_date }}</view>
					</timeSelector>
					<icon
						v-if="order.middle_money_date != ''"
						type="clear"
						size="22upx"
						style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
						@click="deleteMiddleDate"
					></icon>
				</view>
				<view class="box">
					<view class="">
						<text style="color: red;">*</text>
						<text>中款收款金额</text>
					</view>
					<input type="digit" @input="paymentReceived" v-model="order.middle_money" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box" style="position: relative;">
					<view class="">
						<text style="color: red;">*</text>
						<text>尾款收款日期</text>
					</view>
					<timeSelector showType="yearToMinute" @btnConfirm="endDateChange">
						<view class="choose" v-if="order.tail_money_date == ''">
							<text>{{ order.tail_money_date ? order.tail_money_date : '请选择' }}</text>
							<image src="@/static/images/right.png" mode=""></image>
						</view>
						<view v-else class="choose" style="margin-right: 50upx;">{{ order.tail_money_date }}</view>
					</timeSelector>
					<icon
						v-if="order.tail_money_date != ''"
						type="clear"
						size="22upx"
						style="position: absolute;right:2%;top:50%;transform: translateY(-50%);"
						@click="deleteEndDate"
					></icon>
				</view>
				<view class="box">
					<view class="">
						<text style="color: red;">*</text>
						<text>尾款收款金额</text>
					</view>
					<input type="digit" @input="collectionAmount" v-model="order.tail_money" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">
					<view class="">
						<text style="color: red;">*</text>
						<text>合同总金额</text>
					</view>
					<input type="digit" v-model="order.totals" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
			</view>
		</view>
		<!-- 合同金额结束 -->

		<!-- 合同照片 -->
		<view class="line"></view>
		<view class="photo">
			<text>合同照片</text>
			<view style="display: flex;justify-content: left;">
				<view class="addPic" v-for="(item, index) in order.imageArray" :key="index">
					<image :src="item" mode="widthFix" ></image>
					<uni-icons
						@click="deleteImageArray(index, 'imageArray', 'order')"
						type="minus-filled"
						size="10"
						color="red"
						style="position: absolute;right:-30upx;top: 0;"
					></uni-icons>
				</view>
				<view class="addPic" @click="chooseImage('imageArray', 'order')"><image src="@/static/add.png" mode="" ></image></view>
			</view>
		</view>
		<!--合同照片结束  -->

		<!-- 收据照片 -->
		<view class="line"></view>
		<!-- 审批流程  -->
		<view v-if="sequenceData.length > 0"><steps-create :stepList="sequenceData"></steps-create></view>
		<!-- 审批流程结束 -->
		<!-- 提交审核按钮 -->
		<view class="btn"><button type="default" @click="saveFn">提交审核</button></view>
		<!-- 提交审核按钮结束 -->
		<uni-popup ref="popupsStorege" type="dialog" style="z-index: 999;">
			<uni-popup-dialog
				type="input"
				message="成功消息"
				title="提示"
				content="是否要保存本次修改的信息？"
				:duration="2000"
				confirmText="确定"
				cancelText="取消"
				:before-close="true"
				@close="closesStorege"
				@confirm="confirmsStorege"
			></uni-popup-dialog>
		</uni-popup>
		<!-- 获取缓存信息确认按钮 -->
		<uni-popup ref="popupsGetStorege" type="dialog" style="z-index: 999;">
			<uni-popup-dialog
				type="input"
				message="成功消息"
				title="提示"
				content="是否要继续编辑上次信息？"
				:duration="2000"
				confirmText="确定"
				cancelText="取消"
				:before-close="true"
				@close="closesGetStorege"
				@confirm="confirmsGetStorege"
			></uni-popup-dialog>
		</uni-popup>
	</view>
</template>

<script>
import selectBox from '@/component/selectBox.vue';
import navigation from '@/component/navigation.vue';
import timeSelector from '@/component/wing-time-selector/wing-time-selector.vue';
import kpsImageCutter from '@/component/image-cutter/image-cutter.vue';
import stepsCreate from '@/component/steps-create/steps-create.vue';
import sun from '@/utils/sun.js';
import request from '@/utils/request.js';
export default {
	components: {
		navigation,
		timeSelector,
		kpsImageCutter,
		stepsCreate,
		selectBox
	},
	data() {
		return {
			buttonBan: false,
			path: '',
			url: '', //裁剪图片路径
			// array:['酒店协议','酒店服务项目','婚宴基本信息','婚庆基本信息','婚车','喜糖信息','酒水信息','点心','LED信息','灯光','3D','添加收款信息'],//所有项目
			array: ['酒店服务项目', '婚宴基本信息', '婚庆基本信息', '婚车', '喜糖信息', '酒水信息', '点心', 'LED信息', '灯光', '3D', '添加收款信息'], //所有项目
			indexs: [11], //保存项目选择位置
			index: -1, //项目默认选择位置
			number: 1, //喜糖，酒水等遍历个数
			isDelete: false, //是否显示删除弹框

			orderType: ['请选择', '婚宴', '婚庆', '一站式'], //订单类型
			Car_companyIndex: '', //婚车所属公司index
			companyIndex: '', //所属公司index
			Banquet_companyIndex: '', //婚宴
			wedding_companyIndex: '', //婚庆
			companyType: ['请选择', 'LK', '红丝', '誉思', '曼格纳'], //公司类型
			patternIndex: '', //合作模式index
			patternType: ['请选择', '返佣单', '代收代付', '代收代付+返佣单'], //合作模式类型
			riteIndex: '', //仪式
			riteType: ['请选择', '草坪', '露台', '水台'], //仪式
			comboIndex: '', //套餐
			comboType: ['请选择', '此生唯一套餐', '流光溢彩套餐'], //套餐
			ceremonyIndex: '', //婚庆仪式
			researchIndex: 0, //研发产品
			researchType: ['请选择', '是', '否'], //研发产品
			carIndex: '', //婚车型号
			followCarIndex: '', //跟车型号
			carType: ['请选择', '型号1', '型号2'], //婚车型号
			sugerIndex: '', //喜糖
			sugerType: ['请选择', '喜糖1', '喜糖2'], //喜糖
			wineIndex: '', //酒水
			wineType: ['请选择', '酒水1', '酒水2'], //酒水
			dessertIndex: '', //点心
			dessertType: ['请选择', '点心1', '点心2'], //点心
			ledIndex: '', //LED
			ledType: ['请选择', 'LED1', 'LED2'], //LED
			lightIndex: '', //灯光
			lightType: ['请选择', '灯光1', '灯光2'], //LED
			threeIndex: '', //3D
			threeType: ['请选择', '3D1', '3D2'], //LED
			payDate: '', //定金付款日期
			middleDate: '', //定金中款日期
			endDate: '', //定金尾款日期
			arriveTime: '', //到达时间
			getMoney: '', //收款日期
			moneyTypeIndex: '', //收款方式
			moneyType: ['请选择', '收款1', '收款2'], //收款方式
			natureIndex: '', //款项性质
			natureType: ['请选择', '款项1', '款项2'], //款项性质

			checkerList: [],
			copyList: [],

			options: '',

			order: {
				// 订单
				company_id: '',
				news_type: '',
				cooperation_mode: '',
				contract_no: '', //合同编号
				hotel_id: '',
				hotel_text: '',
				hotel_id: '',
				bridegroom: '', //新郎姓名
				bridegroom_mobile: '', //新郎电话
				bride: '', //新娘姓名
				bride_mobile: '', //新娘电话
				sign_date: '', //签约时间
				score: '', //积分
				home_address: '', //家庭住址
				idcard: '', //身份证号
				event_date: '', //举办时间
				totals: '', //合同金额
				earnest_money: '', //定金收款金额
				earnest_money_date: '', //定金收款日期
				middle_money: '', //中款收款金额
				middle_money_date: '', //中款收款日期
				tail_money_date: '', //尾款时间
				tail_money: '', //定金尾金额
				banquet_hall_name: '', //宴会厅
				searchHotel: '', //酒店名称
				realname: '', //备注
				imageArray: [], //合同图片
				receipt_imgArray: [], //收据图片
				note_imgArray: [] //小票
			},
			banquet: {
				company_id: '',
				banquet_totals: '', //婚宴总金额
				table_amount: '', //桌数
				table_price: '', //餐标
				service_fee: '', //服务费总计
				wine_fee: '', //酒水费用
				food_totals: '', //餐饮总金额
				banquet_update_table: '', //加菜换菜
				banquet_ritual_hall: '', //仪式价格
				banquet_ritual_text: '', //
				banquet_ritual_id: '', //
				banquet_other: '', //其他
				banquet_remark: '', //备注
				ritual_text: '',
				ritual_id: '',
				banquet_discount: '' //优惠金额
			}, // 婚宴
			wedding: {
				company_id: '',
				wedding_totals: '',
				wedding_package_price: '', //婚庆套餐价
				wedding_ritual_hall: '', //仪式价格
				wedding_other: '', //其他
				new_product_no: '', //研发产品编号
				wedding_remark: '' //备注
			}, // 婚庆
			hotelProtocol: {
				//酒店协议
				wedding_room_amount: '', //婚房数量
				wedding_room: '', //婚房价格
				part_amount: '', //停车数量
				part: '', //停车价格
				champagne_amount: '', //香槟数量
				champagne: '', //香槟价格
				tea_amount: '', //茶歇数量
				tea: '', //茶歇价格
				cake_amount: '', //蛋糕数量
				cake: '', //蛋糕价格
				pay_hotel_totals: '',
				led: '', //led
				led_amount: '', //led_amount屏幕
				ritual: '', //仪式价格
				ritual_id: '', //仪式名称
				celebration_admission_fee: '', //进场费
				other_fee: '', //其他费用
				earnest_money: 0,
				earnest_money_date: '',
				middle_money: 0,
				middle_money_date: '',
				image: []
			}, //酒店协议
			hotelItem: {
				wedding_room_amount: '', //婚房数量
				wedding_room: '', //婚房价格
				part_amount: '', //停车数量
				part: '', //停车价格
				champagne_amount: '', //香槟数量
				champagne: '', //香槟价格
				tea_amount: '', //茶歇数量
				tea: '', //茶歇价格
				cake_amount: '', //蛋糕数量
				cake: '' //蛋糕价格
			}, // 酒店消费项目
			car: {
				master_car_amount: '', //数量
				master_car_price: '', //费用
				slave_car_amount: '', //跟车数量
				slave_car_price: '', //跟车费用
				service_hour: '', //服务时长
				service_distance: '', //服务距离
				master_car_id: '', //主车
				master_car_text: '', //主车
				slave_car_text: '', //跟车
				slave_car_id: '', //跟车
				car_remark: '' //备注
			}, // 婚车
			wine: [
				{
					wine_text: '',
					wine_id: '',
					wine_amount: '', //数量
					wine_price: '', //金额
					wine_remark: '', //备注
					wineIndex: ''
				}
			], // 酒水
			sugar: [
				{
					sugar_text: '', //品牌
					sugar_id: '', //品牌
					sugar_amount: '', //数量
					sugar_price: '', //金额
					sugar_remark: '', //备注
					sugerIndex: ''
				}
			], // 喜糖
			dessert: [
				{
					dessert_id: '',
					dessert_text: '',
					dessert_amount: '', //数量
					dessert_price: '', //金额
					dessert_remark: '', //备注
					dessertIndex: ''
				}
			], // 糕点
			light: [
				{
					light_id: '',
					light_text: '',
					light_amount: '', //数量
					light_price: '', //金额
					light_remark: '', //备注
					lightIndex: ''
				}
			], // 灯光
			led: [
				{
					led_id: '',
					led_text: '',
					led_amount: '', //数量
					led_price: '', //金额
					led_remark: '', //备注
					ledIndex: ''
				}
			], // led
			d3: [
				{
					d3_id: '',
					d3_text: '',
					d3_amount: '', //数量
					d3_price: '', //金额
					d3_remark: '', //备注
					threeIndex: ''
				}
			], // 3d
			income: {
				receivable_no: '', //收据编号
				income_item_price: '', //收款金额
				income_date: '', //收款日期
				income_payment: '', //收款方式
				income_remark: '', //备注
				receipt_imgArray: [], //收据图片
				note_imgArray: [], //小票
				income_type: 1,
				income_type_text: '定金' //
			}, // 收款
			property: [
				{
					id: 1,
					title: '定金'
				},
				{
					id: 7,
					title: '全款'
				}
			],
			recommend_salesman: '', //引流
			point: '', //基点
			remark: '', //备注

			//条件
			newsTypeList: [], //订单类型
			orderIndex: '', //订单类型默认选则位置
			carList: [],
			companyList: [],
			cooperationModeList: [
				{
					id: 2,
					title: '代收代付'
				},
				{
					id: 3,
					title: '代收代付+返佣单'
				},
				{
					id: 4,
					title: '一单一议'
				}
			],
			d3List: [],
			dessertList: [],
			ledList: [],
			lightList: [],
			member: {
				realname: '',
				mobile: '',
				source_text: ''
			},
			moduleList: [],
			payments: [],
			sugarList: [],
			wineList: [],
			packageList: [],
			ritualList: [], //选择仪式
			///
			selectBox: '', //酒店名称搜索

			sequenceData: [],
			deleteIndex: '', //删除项目位置
			member_id: 0 //
		};
	},
	onLoad(options) {
		this.options = options;
		//获取存储的信息
		if (uni.getStorageSync('applyOrderData')) {
			this.$nextTick(function() {
				this.$refs.popupsGetStorege.open();
			});
		}

		// 填充订单类型
		if (this.options.orderType) {
			setTimeout(() => {
				//订单类型
				this.newsTypeList.map((item, index) => {
					if (index === parseFloat(this.options.orderType)) {
						this.orderIndex = index;
						this.order.news_type = index;
						this.order.news_type_text = item;
						this.chooseOrderType({ target: { value: index } }); //重新调用
					}
				});
			}, 500);
		}
		//意向金转订单
		if (this.options.earnestMoney) {
			this.member_id = JSON.parse(this.options.earnestMoney).member_id;
			setTimeout(() => {
				this.getEarnestMoney(JSON.parse(this.options.earnestMoney));
			}, 500);
		}

		this.getFilter({ id: options.id });
	},
	computed: {
		pay_hotel_totals() {
			let _this = this;
			let pay_hotel_totals =
				(this.hotelProtocol.led ? parseFloat(this.hotelProtocol.led) : 0) +
				(this.hotelProtocol.wedding_room ? parseFloat(this.hotelProtocol.wedding_room) : 0) +
				(this.hotelProtocol.part ? parseFloat(this.hotelProtocol.part) : 0) +
				(this.hotelProtocol.champagne ? parseFloat(this.hotelProtocol.champagne) : 0) +
				(this.hotelProtocol.tea ? parseFloat(this.hotelProtocol.tea) : 0) +
				(this.hotelProtocol.cake ? parseFloat(this.hotelProtocol.cake) : 0) +
				(this.hotelProtocol.ritual ? parseFloat(this.hotelProtocol.ritual) : 0) +
				(this.hotelProtocol.celebration_admission_fee ? parseFloat(this.hotelProtocol.celebration_admission_fee) : 0) +
				(this.hotelProtocol.other_fee ? parseFloat(this.hotelProtocol.other_fee) : 0);
			_this.hotelProtocol.pay_hotel_totals = pay_hotel_totals;
			return _this.hotelProtocol.pay_hotel_totals;
		}
	},
	onShow(e) {
		// #ifdef APP-PLUS
		uni.$on('globleEvent', rel => {
			this.order.hotel_text = rel.hotelFrom;
			this.order.hotel_id = rel.hotelID;
		});
		uni.$on('car', rel => {
			//主车型号
			this.car.master_car_text = rel.carFrom;
			this.car.master_car_id = rel.carID;
		});
		uni.$on('followCar', rel => {
			//跟车型号
			this.car.slave_car_text = rel.followFrom;
			this.car.slave_car_id = rel.followID;
		});

		// #endif
	},
	//返回监听
	onBackPress(e) {
		let that = this;
		that.$refs.popupsStorege.open();
		// if(e.form === "backbutton"){
		// 	return true
		// }
		return true;
		// if (e.from === "navigateBack" || e.form === "backbutton") {
		// 	that.$refs.popupsStorege.open()
		// 	return true
		// }
	},
	methods: {
		//跳转酒店
		jumpSearchHotel() {
			let origin = 'order';
			uni.navigateTo({
				url: '../searchHotel/searchHotel?origin=' + origin
			});
		},
		//跳转主车
		jumpCar() {
			uni.navigateTo({
				url: '../searchCar/searchCar?type=car&&carList=' + this.carList
			});
		},
		//跳转跟车
		jumpFollow() {
			uni.navigateTo({
				url: '../searchCar/searchCar?type=follow&&carList=' + this.carList
			});
		},
		//意向金转订单
		getEarnestMoney(e) {
			//所属公司
			this.companyList.map((item, index) => {
				if (item.title == e.company_id) {
					this.companyIndex = index;
					this.order.company_id = item.id;
					this.order.company_title = item.title;
				}
			});
			//订单类型
			// this.newsTypeList.map((item,index)=>{
			// 	if(item==e.news_type){
			// 		this.orderIndex=index
			// 		this.order.news_type=index
			// 		this.order.news_type_text=item
			// 		this.chooseOrderType({target:{value:index}})//重新调用
			// 	}
			// })
			//意向酒店
			this.order.hotel_id = e.hotel_id;
			this.order.hotel_text = e.hotel_text;
			this.selectBox = '';
			//宴会厅
			this.order.banquet_hall_name = e.banquet_hall_name;
			this.order.bride_mobile = e.real_bride_mobile; //新娘电话
			this.order.bride = e.bride; //新娘姓名
			this.order.bridegroom_mobile = e.real_bridegroom_mobile; //新郎电话
			this.order.bridegroom = e.bridegroom; //新郎姓名
			this.order.remark = e.remark;
		},

		// 检查合同编号
		checkContract(e) {
			let contract_no = e.detail.value;
			if (contract_no != '') {
				sun.request({
					url: '/api/order.contract_no/unique',
					showLoading: true,
					token: true,
					data: {
						contract_no: contract_no
					},
					success(res) {
						if (res.code == 200) {
							uni.showToast({
								icon: 'none',
								title: res.msg,
								duration: 3000
							});
						} else {
							uni.showToast({
								icon: 'none',
								title: res.msg,
								duration: 3000
							});
						}
					}
				});
			}
		},

		echoValueFn(e) {
			this.hotelProtocol.ritual_id = e.id;
		},
		//确认是否获取缓存信息
		confirmsGetStorege() {
			this.getTorge();
			this.$refs.popupsGetStorege.close();
		},
		//取消是否取缓存信息
		closesGetStorege() {
			this.$refs.popupsGetStorege.close();
		},
		//确认关闭
		closesStorege() {
			let that = this;
			uni.switchTab({
				url: '../customerList/customerList'
			});
			let pages = getCurrentPages(); //获取所有页面栈实例列表
			let nowPage = pages[pages.length - 1]; //当前页页面实例
			let prevPage = pages[pages.length - 2]; //上一页页面实例
			pages[0].$vm.is_show = false;
			uni.removeStorageSync('applyOrderData');
			that.$refs.popupsStorege.close();
		},
		//保存修改信息
		confirmsStorege() {
			let that = this;
			let pages = getCurrentPages(); //获取所有页面栈实例列表
			let nowPage = pages[pages.length - 1]; //当前页页面实例
			let prevPage = pages[pages.length - 2]; //上一页页面实例
			pages[0].$vm.is_show = false;
			this.setorge();
			uni.switchTab({
				url: '../customerList/customerList'
			});
			that.$refs.popupsStorege.close();
		},
		//获取缓存信息
		getTorge() {
			let applyOrderData = uni.getStorageSync('applyOrderData');

			if (applyOrderData) {
				this.indexs = applyOrderData.indexs;
				this.orderIndex = applyOrderData.orderIndex; //订单类型
				this.companyIndex = applyOrderData.companyIndex; //订单所属公司
				this.patternIndex = applyOrderData.patternIndex; //合作模式
				(this.wedding_companyIndex = applyOrderData.wedding_companyIndex), ////婚庆基本信息订单所属公司
					(this.Banquet_companyIndex = applyOrderData.Banquet_companyIndex); ////婚庆基本信息订单所属公司
				(this.riteIndex = applyOrderData.riteIndex), //仪式
					(this.ceremonyIndex = applyOrderData.ceremonyIndex), //仪式
					(this.comboIndex = applyOrderData.comboIndex), //套餐
					(this.researchIndex = applyOrderData.researchIndex), //是否研发产品
					(this.moneyTypeIndex = applyOrderData.moneyTypeIndex), //收款方式
					(this.Car_companyIndex = applyOrderData.Car_companyIndex), //婚车承办公司
					(this.carIndex = applyOrderData.carIndex), //主车型号
					(this.followCarIndex = applyOrderData.followCarIndex), //跟车型号
					(this.order = applyOrderData.order);
				this.banquet = applyOrderData.banquet;
				this.wedding = applyOrderData.wedding;
				this.hotelProtocol = applyOrderData.hotelProtocol;
				this.hotelItem = applyOrderData.hotelItem;
				this.car = applyOrderData.car;
				this.wine = applyOrderData.wine;
				this.sugar = applyOrderData.sugar;
				this.dessert = applyOrderData.dessert;
				this.light = applyOrderData.light;
				this.led = applyOrderData.led;
				this.d3 = applyOrderData.d3;
				this.income = applyOrderData.income;
			}
			this.$forceUpdate();
		},
		//缓存信息
		setorge() {
			let that = this;
			let applyOrderData = {
				indexs: that.indexs,
				orderIndex: that.orderIndex, //订单类型
				companyIndex: that.companyIndex, //订单所属公司
				patternIndex: that.patternIndex, //合作模式
				wedding_companyIndex: that.wedding_companyIndex, ////婚庆基本信息订单所属公司
				Banquet_companyIndex: that.Banquet_companyIndex, ////婚庆基本信息订单所属公司
				comboIndex: that.comboIndex, //套餐
				riteIndex: that.riteIndex, //仪式
				ceremonyIndex: that.ceremonyIndex, //仪式
				researchIndex: that.researchIndex, //是否研发产品
				moneyTypeIndex: that.moneyTypeIndex, //收款方式
				Car_companyIndex: that.Car_companyIndex, //婚车承办公司
				carIndex: that.carIndex, //主车型号
				followCarIndex: that.followCarIndex, //跟车型号

				order: that.order,
				banquet: that.banquet,
				wedding: that.wedding,
				hotelProtocol: that.hotelProtocol,
				hotelItem: that.hotelItem,
				car: that.car,
				wine: that.wine,
				sugar: that.sugar,
				dessert: that.dessert,
				light: that.light,
				led: that.led,
				d3: that.d3,
				income: that.income
			};
			uni.setStorageSync('applyOrderData', applyOrderData);
		},

		//删除签约时间
		deleteSignTime() {
			this.order.sign_date = '';
		},
		//删除举办时间
		deleteEvenTime() {
			this.order.event_date = '';
		},
		//创建订单时的审核流程
		getConfirmSequence(e) {
			let that = this;
			request.request({
				url: '/api/order.audit/getAuditProcess',
				showLoading: true,
				token: true,
				data: Object.assign({ order: that.order }, { audit_type: 'order' }),
				success(res) {
					that.sequenceData = res.data.process;
				}
			});
		},
		//获取赛选条件
		getFilter(e) {
			let that = this;
			sun.request({
				url: '/h5/order.order/createOrder',
				showLoading: true,
				token: true,
				data: {
					member_id: that.member_id,
					id: that.member_id ? 0 : e.id
				},
				success(res) {
					if (res.code == 200) {
						that.newsTypeList = res.data.newsTypeList;
						that.carList = JSON.stringify(res.data.carList);
						that.companyList = res.data.companyList; //订单所属公司
						// that.cooperationModeList=res.data.cooperationModeList;
						that.d3List = res.data.d3List;
						that.dessertList = res.data.dessertList;
						that.ledList = res.data.ledList;
						that.lightList = res.data.lightList;
						that.member = res.data.member;
						that.moduleList = res.data.moduleList;
						that.payments = res.data.payments;
						that.sugarList = res.data.sugarList;
						that.wineList = res.data.wineList;
						that.packageList = res.data.packageList;
						that.ritualList = res.data.ritualList;
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						});
					}
				}
			});
		},
		//项目选择
		bindPickerChange: function(e) {
			this.index = e.target.value + 1;
			//不能重复选择
			if (this.indexs.indexOf(this.index) != -1) {
				uni.showToast({
					title: '不能重复添加项目哦~',
					duration: 2000
				});
			} else {
				this.indexs.unshift(this.index);
			}
		},

		//删除项目
		deletePro(index) {
			this.deleteIndex = index;
			this.$refs.popups.open();
		},
		confirms() {
			let array = this.indexs;
			array.splice(this.deleteIndex, 1);
			this.indexs = array;
			this.$refs.popups.close();
		},
		closes() {
			this.$refs.popups.close();
		},
		//酒店搜索
		searchHotel() {
			uni.navigateTo({
				url: '../searchHotel/searchHotel'
			});
		},
		//添加喜糖
		dessertFn() {
			this.sugar.push({
				sugar_text: '', //品牌
				sugar_id: '', //品牌
				sugar_amount: '', //数量
				sugar_price: '', //金额
				sugar_remark: '', //备注
				sugerIndex: ''
			});
		},
		//添加酒水
		addWine() {
			this.wine.push({
				wine_text: '',
				wine_id: '',
				wine_amount: '', //数量
				wine_price: '', //金额
				wine_remark: '', //备注
				wineIndex: ''
			});
		},
		//添加点心
		addDessert() {
			this.dessert.push({
				dessert_id: '',
				dessert_text: '',
				dessert_amount: '', //数量
				dessert_price: '', //金额
				dessert_remark: '', //备注
				dessertIndex: ''
			});
		},

		//添加LED
		addLED() {
			this.led.push({
				led_id: '',
				led_text: '',
				led_amount: '', //数量
				led_price: '', //金额
				led_remark: '', //备注
				ledIndex: ''
			});
		},
		//添加灯光
		addLight() {
			this.light.push({
				light_id: '',
				light_text: '',
				light_amount: '', //数量
				light_price: '', //金额
				light_remark: '', //备注
				lightIndex: ''
			});
		},
		//添加3D
		addF() {
			this.d3.push({
				d3_id: '',
				d3_text: '',
				d3_amount: '', //数量
				d3_price: '', //金额
				d3_remark: '', //备注
				threeIndex: ''
			});
		},
		//删除喜糖
		deleteSuger(index) {
			this.sugar.splice(index, 1);
			let sugar = this.indexs.indexOf(5);
			if (this.sugar.length == 0) {
				this.indexs.splice(sugar, 1);
				this.sugar = [
					{
						sugar_text: '', //品牌
						sugar_id: '', //品牌
						sugar_amount: '', //数量
						sugar_price: '', //金额
						sugar_remark: '', //备注
						sugerIndex: ''
					}
				];
			}
		},
		//删除酒水
		deleteWine(index) {
			this.wine.splice(index, 1);
			let wine = this.indexs.indexOf(6);
			if (this.wine.length == 0) {
				this.indexs.splice(wine, 1);
				this.wine = [
					{
						wine_text: '', //品牌
						wine_id: '', //品牌
						wine_amount: '', //数量
						wine_price: '', //金额
						wine_remark: '', //备注
						wineIndex: ''
					}
				];
			}
		},
		//删除点心
		deleteDessert(index) {
			this.dessert.splice(index, 1);
			let dessert = this.indexs.indexOf(7);
			if (this.dessert.length == 0) {
				this.indexs.splice(dessert, 1);
				this.dessert = [
					{
						dessert_text: '', //品牌
						dessert_id: '', //品牌
						dessert_amount: '', //数量
						dessert_price: '', //金额
						dessert_remark: '', //备注
						dessertIndex: ''
					}
				];
			}
		},
		//删除LED
		deleteLED(index) {
			this.led.splice(index, 1);
			let led = this.indexs.indexOf(8);
			if (this.led.length == 0) {
				this.indexs.splice(led, 1);
				this.led = [
					{
						led_text: '', //品牌
						led_id: '', //品牌
						led_amount: '', //数量
						led_price: '', //金额
						led_remark: '', //备注
						ledIndex: ''
					}
				];
			}
		},
		//删除灯光
		deleteLight(index) {
			this.light.splice(index, 1);
			let light = this.indexs.indexOf(9);
			if (this.light.length == 0) {
				this.indexs.splice(light, 1);
				this.light = [
					{
						light_id: '',
						light_text: '',
						light_amount: '', //数量
						light_price: '', //金额
						light_remark: '', //备注
						lightIndex: ''
					}
				];
			}
		},
		//删除3D
		deleteF(index) {
			this.d3.splice(index, 1);
			let d3 = this.indexs.indexOf(10);
			if (this.d3.length == 0) {
				this.indexs.splice(d3, 1);
				this.d3 = [
					{
						d3_id: '',
						d3_text: '',
						d3_amount: '', //数量
						d3_price: '', //金额
						d3_remark: '', //备注
						threeIndex: ''
					}
				];
			}
		},
		//选择订单类型
		chooseOrderType(e) {
			let _this = this;
			this.orderIndex = e.target.value;
			this.order.newsType = this.orderIndex;
			this.order.news_type = this.orderIndex;
			this.order.newsType_text = this.newsTypeList[this.orderIndex];
			if (this.patternIndex === 0 && e.target.value === 0) {
				uni.redirectTo({
					url: '/pages/auditer/clubOrder?params=' + JSON.stringify({ id: _this.options.id, type: 'add' })
				});
			}
			if (this.orderIndex === 0) {
				//婚宴
				if (this.indexs.indexOf(2) != -1) {
					return;
				} else {
					this.indexs.unshift(2);
				}
			}
			if (this.orderIndex === 1) {
				//婚庆
				if (this.indexs.indexOf(3) != -1) {
					return;
				} else {
					this.indexs.unshift(3);
				}
			}
			if (this.orderIndex === 2) {
				//一站式
				if (this.indexs.indexOf(3) != -1 || this.indexs.indexOf(2) != -1) {
					return;
				} else {
					this.indexs.unshift(2);
					this.indexs.unshift(3);
				}
			}
			if (this.orderIndex === 4) {
				//婚车
				if (this.indexs.indexOf(4) != -1) {
					return;
				} else {
					this.indexs.unshift(4);
				}
			}
			if (this.orderIndex === 10) {
				//喜糖
				if (this.indexs.indexOf(5) != -1) {
					return;
				} else {
					this.indexs.unshift(5);
				}
			}
		},
		//删除订单类型
		deleteChoose() {
			this.orderIndex = ''; //订单
		},
		//选择所属公司
		chooseCompany(e) {
			this.companyIndex = e.target.value;
			this.order.company_id = this.companyList[this.companyIndex].id;
			this.order.company_title = this.companyList[this.companyIndex].title;
			this.getConfirmSequence();
		},
		//定单  删除所属公司
		orderdeleteCompany() {
			(this.companyIndex = ''), (this.order.company_id = ''), (this.order.company_title = '');
		},
		//选择合作模式
		choosePattern(e) {
			this.patternIndex = e.target.value;
			this.order.cooperation_mode = this.cooperationModeList[this.patternIndex].id;
			this.getConfirmSequence();
		},
		//删除所属模式
		deletePattern() {
			this.patternIndex = ''; //合作模式
			this.order.cooperation_mode = '';
		},
		//婚宴 所属公司
		chooseBanquet(e) {
			this.Banquet_companyIndex = e.target.value;
			this.banquet.company_id = this.companyList[this.Banquet_companyIndex].id;
			this.banquet.company_title = this.companyList[this.Banquet_companyIndex].title;
		},
		BanquetdeleteCompany() {
			this.Banquet_companyIndex = '';
			this.banquet.company_id = '';
			this.banquet.company_title = '';
		},
		//签约时间
		sign_dateConfirm(e) {
			this.order.sign_date = e.ymd;
		},
		//举办时间
		event_dateConfirm(e) {
			this.order.event_date = e.ymd;
		},
		//选择婚宴仪式
		chooseRite(e) {
			this.riteIndex = e.target.value;
			this.banquet.banquet_ritual_text = this.ritualList[this.riteIndex].title;
			this.banquet.banquet_ritual_id = this.ritualList[this.riteIndex].id;
		},
		//删除婚宴仪式
		deleteRite() {
			this.riteIndex = '';
			this.banquet.banquet_ritual_text = '';
			this.banquet.banquet_ritual_id = '';
		},
		//婚庆 所属公司
		chooseWedding(e) {
			this.wedding_companyIndex = e.target.value;
			this.wedding.company_id = this.companyList[this.wedding_companyIndex].id;
			this.wedding.company_title = this.companyList[this.wedding_companyIndex].title;
		},
		weddingdeleteCompany() {
			this.wedding_companyIndex = '';
			this.wedding.company_id = '';
			this.wedding.company_title = '';
		},

		//选择婚庆套餐
		chooseCombo(e) {
			this.comboIndex = e.target.value;
			this.wedding.wedding_package_text = this.packageList[this.comboIndex].title;
			this.wedding.wedding_package_id = this.packageList[this.comboIndex].id;
		},
		//删除婚宴套餐
		deleteCombo() {
			this.comboIndex = ''; //合作模式
		},
		//选择婚庆仪式
		chooseCeremony(e) {
			this.ceremonyIndex = e.target.value;
			this.wedding.wedding_ritual_id = this.ritualList[this.ceremonyIndex].id;
			this.wedding.wedding_ritual_text = this.ritualList[this.ceremonyIndex].title;
		},
		//删除婚庆仪式
		deleteCeremony() {
			this.ceremonyIndex = '';
			this.wedding.wedding_ritual_id = '';
			this.wedding.wedding_ritual_text = '';
		},
		//选择研发产品
		chooseResearch(e) {
			this.researchIndex = e.target.value;
			this.wedding.is_new_product = this.researchIndex;
		},
		//删除研发产品
		deleteResearch() {
			this.researchIndex = 0; //合作模式
			this.wedding.is_new_product = '';
		},
		//选择婚车型号
		// chooseCar(e){
		// 		 this.carIndex=e.target.value;
		// 		 this.car.master_car_id= this.carList[this.carIndex].id;
		// 			 this.car.master_car_text =this.carList[this.carIndex].title;

		// 	},
		//删除婚车型号
		deleteCar() {
			this.car.master_car_id = '';
			this.car.master_car_text = '';
		},
		//选择跟车型号
		// chooseFollowCar(e){

		// 		 this.followCarIndex=e.target.value;
		// 		 this.car.slave_car_text = this.carList[this.followCarIndex].title;
		// 		 this.car.slave_car_id = this.carList[this.followCarIndex].id
		// 	},
		//删除跟车型号
		deleteFollow() {
			this.car.slave_car_text = '';
			this.car.slave_car_id = '';
		},
		//选择喜糖
		chooseSuger(e) {
			let arrayIndex = e.currentTarget.dataset.type;
			this.sugerIndex = e.target.value;
			this.sugar[arrayIndex].sugerIndex = e.target.value;
			this.sugar[arrayIndex].sugar_text = this.sugarList[this.sugerIndex].title;
			this.sugar[arrayIndex].sugar_id = this.sugarList[this.sugerIndex].id;
		},
		//删除喜糖
		deleteTang(indexs) {
			this.sugar[indexs].sugerIndex = '';
		},
		//选择酒水
		chooseWine(e) {
			let arrayIndex = e.currentTarget.dataset.type;
			this.wineIndex = e.target.value;
			this.wine[arrayIndex].wineIndex = e.target.value;
			this.wine[arrayIndex].wine_text = this.wineList[this.wineIndex].title;
			this.wine[arrayIndex].wine_id = this.wineList[this.wineIndex].id;
		},
		//删除酒水
		deleteJiu(indexW) {
			this.wine[indexW].wineIndex = '';
		},
		//选择点心
		chooseDessert(e) {
			let arrayIndex = e.currentTarget.dataset.type;
			this.dessertIndex = e.target.value;
			this.dessert[arrayIndex].dessertIndex = e.target.value;
			this.dessert[arrayIndex].dessert_id = this.dessertList[this.dessertIndex].id;
			this.dessert[arrayIndex].dessert_text = this.dessertList[this.dessertIndex].title;
		},
		//删除点心
		deleteDian(indexD) {
			this.dessert[indexD].dessertIndex = '';
		},
		//选择LED
		chooseLED(e) {
			let arrayIndex = e.currentTarget.dataset.type;
			this.ledIndex = e.target.value;
			this.led[arrayIndex].ledIndex = e.target.value;
			this.led[arrayIndex].led_id = this.ledList[this.ledIndex].id;
			this.led[arrayIndex].led_text = this.ledList[this.ledIndex].title;
		},
		//删除LED
		deleteLedChoose(indexL) {
			this.led[indexL].ledIndex = '';
		},
		//选择灯光
		chooseLight(e) {
			let arrayIndex = e.currentTarget.dataset.type;
			this.lightIndex = e.target.value;
			this.light[arrayIndex].lightIndex = e.target.value;
			this.light[arrayIndex].light_id = this.lightList[this.lightIndex].id;
			this.light[arrayIndex].light_text = this.lightList[this.lightIndex].title;
		},
		//删除灯光
		deleteLightChoose(index) {
			this.light[index].lightIndex = '';
		},
		//选择3D
		chooseThree(e) {
			let arrayIndex = e.currentTarget.dataset.type;
			this.threeIndex = e.target.value;
			this.d3[arrayIndex].threeIndex = e.target.value;
			this.d3[arrayIndex].d3_id = this.d3List[this.threeIndex].id;
			this.d3[arrayIndex].d3_text = this.d3List[this.threeIndex].title;
		},
		//删除3D
		deleteThree(index) {
			this.d3[index].threeIndex = '';
		},
		//选择定金付款日期
		payDateChange: function(e) {
			this.order.earnest_money_date = e.ymd;
		},
		hotelProtocolpayDateChange: function(e) {
			this.hotelProtocol.earnest_money_date = e.ymd;
		},
		//删除付款日期
		deletePayDate() {
			this.order.earnest_money_date = '';
		},
		//选择定金中款日期
		middleDateChange: function(e) {
			this.order.middle_money_date = e.ymd;
		},
		//选择定金中款日期
		hotelProtocolmiddleDateChange: function(e) {
			this.hotelProtocol.middle_money_date = e.ymd;
		},
		//删除中款日期
		deleteMiddleDate() {
			this.order.middle_money_date = '';
		},
		//选择定金尾款日期
		endDateChange: function(e) {
			this.order.tail_money_date = e.ymd;
			this.$forceUpdate(); //强制渲染页面
		},
		//选择酒店协议定金尾款日期
		hotelProtocolEndDateChange: function(e) {
			this.hotelProtocol.tail_money_date = e.ymd;
			this.$forceUpdate(); //强制渲染页面
		},
		//删除尾款日期
		deleteEndDate() {
			this.order.tail_money_date = '';
		},
		//收款日期
		getMoneyDate(e) {
			this.getMoney = e.ymd;
			this.income.income_date = e.ymd;
		},
		//删除收款日期
		deletegetMoney() {
			this.getMoney = '';
			this.income.income_date = '';
		},
		//选择收款方式
		chooseMoneyType(e) {
			this.moneyTypeIndex = e.target.value;
			this.income.income_payment = this.payments[this.moneyTypeIndex].id;
			this.income.income_payment_text = this.payments[this.moneyTypeIndex].title;
		},
		//删除收款方式
		deleteMoneyType() {
			this.moneyTypeIndex = '';
		},
		// //选择款项性质
		// chooseNature(e){
		// 	this.natureIndex=e.target.value;
		// 	},
		//删除款项性质
		// deleteNature(){
		// 	this.natureIndex=0;
		// },
		//婚车到达时间选择
		btnConfirm(e) {
			this.arriveTime = e.value;
		},
		//选择婚车所属公司
		chooseCarCompany(e) {
			this.Car_companyIndex = e.target.value;
			this.car.company_id = this.companyList[this.Car_companyIndex].id;
			this.car.company_title = this.companyList[this.Car_companyIndex].title;
			// this.getConfirmSequence({id:this.companyList[this.companyIndex].id})
		},
		//删除婚车所属公司
		deleteCar_Company() {
			this.Car_companyIndex = '';
			this.car.company_id = '';
			this.car.company_title = '';
		},
		//取消时间
		btnCancel() {},
		//删除到达时间
		deleteArriveTime() {
			this.arriveTime = '';
		},
		//选择图片
		chooseImage(e, type) {
			let _this = this;
			uni.chooseImage({
				count: 1, //默认9
				sizeType: ['compressed'], //可以指定是原图还是压缩图，默认二者都有
				success: function(res) {
					_this.upImg(res.tempFiles, e, type);
				}
			});
		},
		//上传图片
		upImg(data, e, type) {
			let _this = this;
		  uni.showLoading({title:'上传中',mask:true});
			var i = data.i ? data.i : 0; //当前上传的哪张图片
			var success = data.success ? data.success : 0; //上传成功的个数
			var fail = data.fail ? data.fail : 0; //上传失败的个数
			uni.uploadFile({
				url: sun.http + '/h5/order.upload/doupload',
				filePath: data[i].path,
				header: {},
				name: 'file',
				formData: {
					token: uni.getStorageSync('token') ? uni.getStorageSync('token') : ''
				},
				success: res => {
					if (JSON.parse(res.data).msg == '上传成功') {
						success++; //图片上传成功，图片上传成功的变量+1
						uni.hideLoading();
					}
					if (type == 'order') {
						if (e == 'imageArray') {
							_this.order.imageArray.push(JSON.parse(res.data).data.url);
						}
						if (e == 'receipt_imgArray') {
							_this.order.receipt_imgArray.push(JSON.parse(res.data).data.url);
						}

						if (e == 'note_imgArray') {
							_this.order.note_imgArray.push(JSON.parse(res.data).data.url);
						}
					}
					if (type == 'income') {
						if (e == 'imageArray') {
							_this.income.imageArray.push(JSON.parse(res.data).data.url);
						}
						if (e == 'receipt_imgArray') {
							_this.income.receipt_imgArray.push(JSON.parse(res.data).data.url);
						}

						if (e == 'note_imgArray') {
							_this.income.note_imgArray.push(JSON.parse(res.data).data.url);
						}
					}
					if (type == 'hotelProtocol') {
						if (e == 'image') {
							_this.hotelProtocol.image.push(JSON.parse(res.data).data.url);
						}
					}
				},
				fail: () => {
					fail++; //图片上传失败，图片上传失败的变量+1
				},
				complete: () => {
					i++; //这个图片执行完上传后，开始上传下一张
					if (i == data.length) {
						//当图片传完时，停止调用
						uni.showToast({
							icon: 'none',
							title: '成功：' + success + ' 失败：' + fail
						});
					} else {
						//若图片还没有传完，则继续调用函数
						data.i = i;
						data.success = success;
						data.fail = fail;
						_this.upImg(data, e, type);
					}
				}
			});
		},
		//删除图片
		deleteImageArray(index, e, type) {
			//合同
			if (type == 'order') {
				if (e == 'imageArray') {
					this.order.imageArray.splice(index, 1);
				}
				if (e == 'receipt_imgArray') {
					this.order.receipt_imgArray.splice(index, 1);
				}

				if (e == 'note_imgArray') {
					this.order.note_imgArray.splice(index, 1);
				}
			}
			//收款
			if (type == 'income') {
				if (e == 'receipt_imgArray') {
					this.income.receipt_imgArray.splice(index, 1);
				}

				if (e == 'note_imgArray') {
					this.income.note_imgArray.splice(index, 1);
				}
			}
			if (type == 'hotelProtocol') {
				if (e == 'image') {
					this.hotelProtocol.image.splice(index, 1);
				}
			}
		},
		onok(ev) {
			this.path = ev.path;
			this.url = '';
		},
		oncancle() {
			// url设置为空，隐藏控件
			this.url = '';
		},
		// //选择酒店名称
		// clickHolet(e){//
		//    this.order.hotel_id =  e.id;
		//    this.order.hotel_text =  e.title;
		//             this.selectBox = ''
		// },
		// //酒店搜索
		// hotelinputFn(e){
		// 	this.selectBox = e.detail.value;
		// },
		//删除酒店
		deleteHotel() {
			this.order.hotel_text = '';
			this.order.hotel_id = '';
		},
		//中款收款金额
		// middle_moneyFn(e){
		// 	this.order.tail_money = this.order.totals-this.order.earnest_money-e.detail.value;
		// 	this.$forceUpdate()
		// },
		//款项性质
		income_typeFn(e) {
			let index = e.target.value;
			this.income.income_type = this.property[index].id;
			this.income.income_type_text = this.property[index].title;
		},
		//删除款项性质
		deleteincome_typeFn() {
			this.income.income_type = '';
			this.income.income_type_text = '';
		},
		//校验
		verify() {
			let bool = true;
			//订单类型
			if (this.order.newsType === '') {
				uni.showToast({
					icon: 'none',
					title: '订单类型不能为空'
				});
				//取反
				bool = false;
				return false;
			}
			//签约公司
			if (!this.order.company_id) {
				uni.showToast({
					icon: 'none',
					title: '订单所属公司不能为空'
				});
				//取反
				bool = false;
				return false;
			}
			//签约时间
			if (!this.order.sign_date) {
				uni.showToast({
					icon: 'none',
					title: '签约时间不能为空'
				});
				//取反
				bool = false;
				return false;
			}
			//合作模式
			if (this.order.cooperation_mode === '') {
				uni.showToast({
					icon: 'none',
					title: '合作模式不能为空'
				});
				//取反
				bool = false;
				return false;
			}
			return bool;
		},
		//婚宴基本信息计算
		//桌数
		TableNumber(e) {
			this.banquet.table_amount = e.detail.value;
			this.banquet.food_totals = (this.banquet.table_amount * this.banquet.table_price - this.banquet.banquet_discount).toFixed(2);
			this.banquet.banquet_totals = this.banquet.food_totals;
		},
		//餐标
		diningStandard(e) {
			this.banquet.table_price = e.detail.value;
			this.banquet.food_totals = (this.banquet.table_amount * this.banquet.table_price - this.banquet.banquet_discount).toFixed(2);
			this.banquet.banquet_totals = this.banquet.food_totals;
		},
		//优惠金额
		discountAmountFn(e) {
			this.banquet.banquet_discount = e.detail.value;
			this.banquet.food_totals = (this.banquet.table_amount * this.banquet.table_price - e.detail.value).toFixed(2);
			this.banquet.banquet_totals = this.banquet.food_totals;
		},
		//服务总计
		serviceTotal(e) {
			this.banquet.service_fee = e.detail.value;
			this.banquet.banquet_totals = (
				parseFloat(this.banquet.food_totals) +
				parseFloat(this.banquet.service_fee ? this.banquet.service_fee : 0) +
				parseFloat(this.banquet.wine_fee ? this.banquet.wine_fee : 0) +
				parseFloat(this.banquet.banquet_update_table ? this.banquet.banquet_update_table : 0) +
				parseFloat(this.banquet.banquet_ritual_hall ? this.banquet.banquet_ritual_hall : 0) +
				parseFloat(this.banquet.banquet_other ? this.banquet.banquet_other : 0)
			).toFixed(2);
		},
		//酒水费用
		beverageCost(e) {
			this.banquet.wine_fee = e.detail.value;
			this.banquet.banquet_totals = (
				parseFloat(this.banquet.food_totals) +
				parseFloat(this.banquet.service_fee ? this.banquet.service_fee : 0) +
				parseFloat(this.banquet.wine_fee ? this.banquet.wine_fee : 0) +
				parseFloat(this.banquet.banquet_update_table ? this.banquet.banquet_update_table : 0) +
				parseFloat(this.banquet.banquet_ritual_hall ? this.banquet.banquet_ritual_hall : 0) +
				parseFloat(this.banquet.banquet_other ? this.banquet.banquet_other : 0)
			).toFixed(2);
		},
		//加菜换菜
		AddfoodFood(e) {
			this.banquet.banquet_update_table = e.detail.value;
			this.banquet.banquet_totals = (
				parseFloat(this.banquet.food_totals) +
				parseFloat(this.banquet.service_fee ? this.banquet.service_fee : 0) +
				parseFloat(this.banquet.wine_fee ? this.banquet.wine_fee : 0) +
				parseFloat(this.banquet.banquet_update_table ? this.banquet.banquet_update_table : 0) +
				parseFloat(this.banquet.banquet_ritual_hall ? this.banquet.banquet_ritual_hall : 0) +
				parseFloat(this.banquet.banquet_other ? this.banquet.banquet_other : 0)
			).toFixed(2);
		},
		//仪式价格
		servicePrice(e) {
			this.banquet.banquet_ritual_hall = e.detail.value;
			this.banquet.banquet_totals = (
				parseFloat(this.banquet.food_totals) +
				parseFloat(this.banquet.service_fee ? this.banquet.service_fee : 0) +
				parseFloat(this.banquet.wine_fee ? this.banquet.wine_fee : 0) +
				parseFloat(this.banquet.banquet_update_table ? this.banquet.banquet_update_table : 0) +
				parseFloat(this.banquet.banquet_ritual_hall ? this.banquet.banquet_ritual_hall : 0) +
				parseFloat(this.banquet.banquet_other ? this.banquet.banquet_other : 0)
			).toFixed(2);
		},
		//其他金额
		otherPrice(e) {
			this.banquet.banquet_other = e.detail.value;
			this.banquet.banquet_totals = (
				parseFloat(this.banquet.food_totals) +
				parseFloat(this.banquet.service_fee ? this.banquet.service_fee : 0) +
				parseFloat(this.banquet.wine_fee ? this.banquet.wine_fee : 0) +
				parseFloat(this.banquet.banquet_update_table ? this.banquet.banquet_update_table : 0) +
				parseFloat(this.banquet.banquet_ritual_hall ? this.banquet.banquet_ritual_hall : 0) +
				parseFloat(this.banquet.banquet_other ? this.banquet.banquet_other : 0)
			).toFixed(2);
		},

		///合同金额计算
		//定金
		Downpaymentamount(e) {
			this.order.earnest_money = e.detail.value;
			this.order.totals = (parseFloat(this.order.earnest_money) + parseFloat(this.order.middle_money) + parseFloat(this.order.tail_money)).toFixed(2);
		},
		//中款收款金额
		paymentReceived(e) {
			this.order.middle_money = e.detail.value;
			this.order.totals = (parseFloat(this.order.earnest_money) + parseFloat(this.order.middle_money) + parseFloat(this.order.tail_money)).toFixed(2);
		},
		//尾款收款金额
		collectionAmount(e) {
			this.order.tail_money = e.detail.value;
			this.order.totals = (parseFloat(this.order.earnest_money) + parseFloat(this.order.middle_money) + parseFloat(this.order.tail_money)).toFixed(2);
		},
		//提交审核
		saveFn() {
			// if(!this.verify()) return
			let that = this;
			sun.request({
				url: '/h5/order.order/docreateOrder',
				showLoading: true,
				token: true,
				data: {
					pid: that.options.pid ? that.options.pid : '0', //意向金转成单，不转为0，转就是传
					member_id: that.member_id,
					id: that.member_id ? 0 : that.options.id,
					order: that.order ? JSON.stringify(that.order) : '',
					banquet: that.banquet ? JSON.stringify(that.banquet) : '',
					wedding: that.wedding ? JSON.stringify(that.wedding) : '',
					hotelProtocol: that.hotelProtocol ? JSON.stringify(that.hotelProtocol) : '',
					hotelItem: that.hotelItem ? JSON.stringify(that.hotelItem) : '',
					car: that.car ? JSON.stringify(that.car) : '',
					wine: that.wine ? JSON.stringify(that.wine) : '',
					sugar: that.sugar ? JSON.stringify(that.sugar) : '',
					dessert: that.dessert ? JSON.stringify(that.dessert) : '',
					light: that.light ? JSON.stringify(that.light) : '',
					led: that.led ? JSON.stringify(that.led) : '',
					d3: that.d3 ? JSON.stringify(that.d3) : '',
					income: that.income ? JSON.stringify(that.income) : ''
					// image:that.imageArray,//合同图片
					// receipt_img:that.receipt_imgArray,//收据图片
					// note_img:that.note_imgArray,//小票
				},
				success(res) {
					if (res.code == 200) {
						if (uni.getStorageSync('applyOrderData')) {
							uni.removeStorageSync('applyOrderData');
						}

						uni.redirectTo({
							url: '/pages/order/index'
						});
						uni.showToast({
							icon: 'none',
							title: res.msg
						});
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						});
					}
				}
			});
		}
	}
};
</script>

<style lang="less">
.icon {
	position: absolute;
	right: 2%;
	top: 50%;
	transform: translateY(-50%);
}
.active {
	color: #333333 !important;
}
.all {
	padding-bottom: 116upx;
}
.customer {
	width: 100%;
	height: auto;
}
.customer .title {
	width: 100%;
	background: #f6f6f6;
	padding: 10upx 32upx;
	box-sizing: border-box;
	line-height: 64upx;
	font-size: 24upx;
}
.customer .customer_info {
	width: 100%;
	height: auto;
	.box {
		width: 100%;
		padding: 20upx 32upx;
		box-sizing: border-box;
		border-bottom: 1upx solid #eeeeee;
		font-size: 30upx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		text {
			width: auto;
		}
		input {
			width: auto;
			text-align: right;
			color: #333333;
		}
		.t2 {
			width: auto;
			text-align: right;
			color: #333333;
		}
		.choose {
			width: auto;
			display: flex;
			text {
				width: auto;
				font-size: 30upx;
				color: #999999;
				margin-right: 20upx;
			}
			image {
				width: 40upx;
				height: 40upx;
			}
		}
	}
}
.box .timeChoose {
	width: auto;
	display: flex;
	align-items: center;
	text {
		width: auto;
		font-size: 30upx;
		color: #999999;
		margin-right: 20upx;
	}
	image {
		width: 40upx;
		height: 40upx;
	}
}
.customer .customer_info .remark {
	width: 100%;
	padding: 32upx;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	text {
		width: 60upx;
		font-size: 30upx;
		color: #333333;
	}
	textarea {
		width: 560upx;
		display: block;
		font-size: 28upx;
		color: #999999;
	}
}
.line {
	width: 100%;
	height: 32upx;
	background: #f6f6f6;
}
.addProject {
	width: 100%;
	padding: 20upx;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
.addProject text:first-child {
	font-size: 46upx;
	color: #406ceb;
}
.addProject text:last-child {
	margin-left: 24upx;
	color: #406ceb;
	font-size: 30upx;
}
.photo {
	width: 100%;
	height: auto;
	padding: 32upx 44upx;
	box-sizing: border-box;
	text {
		width: 100%;
		display: block;
		font-size: 30upx;
		color: #333333;
		margin-bottom: 10upx;
	}
	.addPic {
		position: relative;
		overflow: hidden;
		width: 88upx;
		height: 88upx;
		border: 1px solid #cccccc;
		margin-right: 20upx;
		image {
			width: 88upx;
			height: 88upx;
		}
	}
}
.approval {
	width: 100%;
	height: auto;
	text {
		width: 100%;
		height: 28upx;
		display: block;
		font-size: 30upx;
		color: #999999;
		margin-bottom: 50upx;
		padding: 32upx 44upx 0 44upx;
		box-sizing: border-box;
	}
}
.approver {
	width: 100%;
	height: auto;
	text {
		width: 100%;
		display: block;
		font-size: 30upx;
		color: #999999;
		margin-bottom: 50upx;
		padding: 32upx 44upx 0 44upx;
		box-sizing: border-box;
	}
	.box {
		width: 100%;
		height: 158upx;
		border-bottom: 1upx solid #eeeeee;
		box-sizing: border-box;
		padding: 0 32upx;
		position: relative;
		.circle {
			width: 25upx;
			height: 25upx;
			background: #d3d3d3;
			border-radius: 50%;
			position: absolute;
			left: 30upx;
			top: 70upx;
		}
		.left {
			width: 350upx;
			min-height: 100upx;
			white-space: normal;
			font-size: 32upx;
			color: #333333;
			margin-left: 57upx;
			float: left;

			.view_text {
				width: auto;
				height: auto;
				display: block;
				font-size: 26upx;
				color: #999999;
				padding: 0;
				word-break: break-all;
				text-overflow: ellipsis;
				display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
				-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
				-webkit-line-clamp: 2; /** 显示的行数 **/
				overflow: hidden; /** 隐藏超出的内容 **/
			}
		}
		.right {
			width: auto;
			height: 110upx;
			float: right;
			padding-top: 30upx;
			margin-right: 10upx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			.image {
				width: 71upx;
				height: 71upx;
				background: #d3d3d3;
				border-radius: 50%;
			}
			text {
				height: auto;
				display: block;
				font-size: 26upx;
				color: #999999;
				padding: 0;
				text-align: center;
			}
		}
	}
}
.frist_circle {
	width: 25upx;
	height: 25upx;
	background: #d3d3d3;
	border-radius: 50%;
	position: absolute;
	left: 30upx;
	top: 70upx;
}
.circle::after {
	content: '';
	width: 2upx;
	height: 135upx;
	display: block;
	background: #d3d3d3;
	position: absolute;
	left: 50%;
	bottom: 25upx;
}
.btn {
	width: 100%;
	height: 116upx;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9;
	button {
		width: 686upx;
		height: 73upx;
		border-radius: 36px;
		background: #406ceb;
		color: #ffffff;
		font-size: 28upx;
	}
}
// 明细
.alldetail {
	width: 100%;
	height: auto;
	.hotelService {
		width: 100%;
		height: auto;
		.title {
			width: 100%;
			padding: 10upx 33upx;
			font-size: 24upx;
			background: #f6f6f6;
			line-height: 73upx;
			box-sizing: border-box;
			display: flex;
			justify-content: space-between;
			.name {
				width: auto;
			}
			.delete {
				width: auto;
				color: #406ceb;
			}
		}
		.content {
			width: 100%;
			height: auto;
			.box {
				width: 100%;
				padding: 20upx 32upx;
				box-sizing: border-box;
				border-bottom: 1upx solid #eeeeee;
				font-size: 30upx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				text {
					width: auto;
					color: #333333;
				}
				input {
					width: auto;
					text-align: right;
					color: #333333;
				}
				.t2 {
					width: auto;
					text-align: right;
					color: #333333;
				}
				.choose {
					width: auto;
					display: flex;
					text {
						width: auto;
						font-size: 30upx;
						color: #999999;
						margin-right: 20upx;
					}
					image {
						width: 40upx;
						height: 40upx;
					}
				}
			}
			.remark {
				width: 100%;
				padding: 32upx;
				box-sizing: border-box;
				display: flex;
				justify-content: space-between;
				text {
					width: 60upx;
					font-size: 30upx;
					color: #333333;
				}
				textarea {
					width: 560upx;
					display: block;
					font-size: 28upx;
					color: #999999;
				}
			}
		}
		.addDetail {
			width: 100%;
			padding: 20upx;
			box-sizing: border-box;
			color: #406ceb;
			font-size: 30upx;
			text-align: center;
			border-top: 1upx solid #eeeeee;
		}
	}
}
// 删除弹框样式
.deleteModel {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 10;
	.con {
		width: 615upx;
		height: 242upx;
		background: #ffffff;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		.title {
			width: 100%;
			height: 136upx;
			font-size: 30upx;
			color: #191919;
			line-height: 136upx;
			text-align: center;
			color: #191919;
			border-bottom: 1upx solid #eeeeee;
			box-sizing: border-box;
		}
	}
}
.deleteBtn {
	width: 100%;
	height: 105upx;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.deleteBtn .btns {
	width: 194upx;
	height: 54upx;

	border-radius: 27upx;
	font-size: 28upx;
	float: left;
	line-height: 54upx;
}
.deleteBtn .btn1 {
	border: 1upx solid #406ceb;
	background: #ffffff;
	color: #406ceb;
}
.deleteBtn .btn2 {
	background: #406ceb;
	color: #ffffff;
}
</style>
